﻿@using Shumei.EFCore.Model
@model Course
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>课程介绍</title>
    @Scripts.Render(BundleConst.jquery)
    @Scripts.Render(BundleConst.BootStarp_JS)
    @Styles.Render(BundleConst.BootStrap_Css)
</head>
<body>
    <div class="container">
        <div class="span12">
            <div class="media well">
                <a href="#" class="pull-left"><img src="@Url.Content(@Model.CourseIcon)" class="media-object" alt='' /></a>
                <div class="media-body">
                    <h2 style="text-align:center;">@Model.Name</h2><hr><br>

                    <p style="font-size:15px; color:grey;">
                        @Model.CourseSimpleDes
                    </p><br>
                    <p style="text-align:center;">
                        <a href="#" class="btn btn-primary" role="button">
                            开始学习
                        </a>
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-9 col-xs-12">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#course_view">课程概览</a></li>
                    <li><a data-toggle="tab" href="#course_list">课时列表</a></li>
                </ul>

                <div class="tab-content">
                    <div id="course_view" class="tab-pane fade in active">
                        @Model.CourseDes
                    </div>
                    <div id="course_list" class="tab-pane fade">
                    @{
                        Model.CourseVideos.Sort((a,b)=>{
                            return a.No - b.No;
                        });
                        foreach(var videos in Model.CourseVideos)
                        {
                            var value = new RouteValueDictionary();
                            value.Add("CourseId",videos.Course.Id);
                            value.Add("VideoId",videos.Id);
                             <a href="@Url.Action("CourseVideo", "Course",value)" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时 @videos.No : @videos.DesName</a>
                        }
                    }
                      </div>
                </div>
            </div>

            <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                    <div class="panel-heading">
                        推荐套餐
                    </div>
                    <img src="~/Content/Images/Course/tuijiantaocan.png" alt="通用的占位符缩略图">
                    <div class="caption">

                        <p>Unity3d游戏开发就业班</p>

                    </div>
                </div>
                <div class="thumbnail">
                    <div class="panel-heading">
                        授课老师
                    </div>

                    <div class="caption">
                        <h4>代俊雅</h4>
                        <p>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了</p>


                    </div>
                </div>
                <div class="thumbnail">
                    <div class="panel-heading">
                        最新学员
                    </div>

                    <div class="caption">

                        <p>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了</p>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-9">
                <div class="panel panel-default">
                    <div class="panel-body">
                        相关课程
                    </div>


                    <div class="row">

                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <img src="~/Content/Images/Course/course1.jpg"
                                     alt="通用的占位符缩略图">
                                <div class="caption">
                                    <a href="#"><h5>数据持久化之Json</h5></a>

                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <img src="~/Content/Images/Course/course2.jpg"
                                     alt="通用的占位符缩略图">
                                <div class="caption">
                                    <a href="#"><h5>有限状态机FSM公开课</h5></a>

                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <img src="~/Content/Images/Course/course3.jpg"
                                     alt="通用的占位符缩略图">
                                <div class="caption">
                                    <a href="#"><h5>Unity2017新特性介绍</h5></a>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>
